<template>
  <div class="bottom-info">
    <div class="info-flex">
      <div class="links">
        <p>数据来源</p>
        <ul class="links-list">
          <li style="width: 100%">
            <el-link href="http://www.gsxt.gov.cn" target="_blank"
              >全国企业信用信息公示系统</el-link
            >
          </li>
          <li>
            <el-link href="https://www.cnipa.gov.cn" target="_blank"
              >国家知识产权局</el-link
            >
          </li>
          <li>
            <el-link href="http://sbj.cnipa.gov.cn" target="_blank"
              >商标局</el-link
            >
          </li>
          <li>
            <el-link href="https://www.ccopyright.com.cn" target="_blank"
              >版权局</el-link
            >
          </li>
          <li>
            <el-link href="http://czt.hunan.gov.cn" target="_blank"
              >湖南省财政厅</el-link
            >
          </li>
          <li>
            <el-link href="http://swt.hunan.gov.cn" target="_blank"
              >湖南省商务厅</el-link
            >
          </li>
          <li>
            <el-link href="http://fgw.hunan.gov.cn" target="_blank"
              >湖南省发改委</el-link
            >
          </li>
          <li>
            <el-link href="http://gxt.hunan.gov.cn" target="_blank"
              >湖南省工业和信息化厅</el-link
            >
          </li>
          <li>
            <el-link href="http://kjt.hunan.gov.cn" target="_blank"
              >湖南省科技厅</el-link
            >
          </li>
          <li>
            <el-link href="http://www.hntpe.com" target="_blank"
              >潇湘科技要素大市场</el-link
            >
          </li>
          <li>
            <el-link href="http://www.51zcw.cn" target="_blank"
              >知创企服</el-link
            >
          </li>
          <!-- <li>
            <el-link href="https://www.baidu.com" target="_blank"
              >中关村管委会</el-link
            >
          </li>
          <li>
            <el-link href="https://www.baidu.com" target="_blank"
              >发改委</el-link
            >
          </li>
          <li>
            <el-link href="https://www.baidu.com" target="_blank"
              >国家市场监管总局</el-link
            >
          </li>
          <li>
            <el-link href="https://www.baidu.com" target="_blank"
              >唯捷城配</el-link
            >
          </li> -->
        </ul>
      </div>
      <div class="contact-us">
        <p>联系我们</p>
        <ul class="contact-list">
          <li>客服电话：0731-8972 0566</li>
          <!-- <li>商务合作：18001023061</li> -->
          <!-- <li>业务咨询：18515886376</li> -->
          <li>地址：湖南长沙岳麓山大学科技城</li>
          <li>正润新材料孵化器</li>
        </ul>
      </div>
      <div class="about-us">
        <p>友情链接</p>
        <ul class="about-list">
          <li><el-link href="http://kb.kunpengdata.com/1/" target="_blank">智慧园区</el-link></li>
          <li><el-link href="http://kb.kunpengdata.com/2/" target="_blank">鲲鹏产业化大数据平台</el-link></li>
          <li><el-link href="http://www.51zcw.cn/" target="_blank">知创科服</el-link></li>
          <li><el-link href="http://www.szqfyt.com" target="_blank">中小企业智能融资诊断系统</el-link></li>
        </ul>
      </div>
      <div class="GA-fight">
        <p>正润创服</p>
        <img :src="qr2" alt="" />
      </div>
      <div class="GA-school">
        <p>知创科服</p>
        <img :src="qr1" alt="" />
      </div>
    </div>
    <div class="copyright">
      版权所有：湖南鲲鹏数字科技有限公司©2022 <el-link href="https://beian.miit.gov.cn/" target="_blank">湘ICP备2022011178号-1</el-link>
    </div>
  </div>
</template>

<script>
export default {
  name: "BottomInfo",
  data() {
    return {
      qr1: require("../assets/images/qr1.jpg"),
      qr2: require("../assets/images/qr2.jpg"),
    };
  },
};
</script>

<style scoped>
.bottom-info {
  height: 340px;
  background-color: #292a32;
  box-sizing: border-box;
  padding: 30px 0;
  position: relative;
  min-width: 1200px;
}
.info-flex {
  display: flex;
  font-size: 14px;
  width: 1200px;
  margin: 0 auto;
  color: #999;
}
.info-flex p {
  font-size: 16px;
  color: #fff;
  /* font-weight: bold; */
  margin-bottom: 20px;
}
.info-flex img {
  width: 100px;
  height: 100px;
}
.links {
  flex: 2;
}
.contact-us {
  flex: 2;
}
.about-us {
  flex: 1;
}
.GA-fight {
  flex: 1;
}
.GA-school {
  flex: 1;
}
.links-list {
  overflow: hidden;
}
.links-list li {
  float: left;
  width: 50%;
  margin-bottom: 10px;
}
.contact-list li {
  margin-bottom: 10px;
}
.about-list li {
  margin-bottom: 10px;
}
.copyright {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #1b1b21;
  height: 52px;
  line-height: 52px;
  color: #fff;
  font-size: 14px;
  text-align: center;
  margin-top: 30px;
}
</style>